在vscode中用Edge Tools调试Vue程序

资源管理器栏下NPM SCRIPT

设置->拓展->Npm->第一项和第二项 Enable Run From Folder

设置Vite项目的启动配置

如果是 create-vue项目

开发服务器选项 | Vite 官方中文文档 (vitejs.dev)

vite.config.js

...
export default defineConfig({
  ...
  server: {
    host: 'localhost',
    port: 8083
  }
})

如果用Vue Cli

配置参考 | Vue CLI (vuejs.org)

vue.config.js

module.exports = {
  devServer: {
    host: 'localhost',
    port: 8083
  }
}

设置本项目的Launch.json

下载Edge Tools

edge extension

创建Launch.json文件

edge create launch

修改为刚才设置的值

correct host

启动Vue开发环境

start

启动调试

launch edge tool

final